﻿<!DOCTYPE html>
<html>
<head>
<title>兼容IE7以上的分页插件</title>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/kkpager.js"></script>
<link rel="stylesheet" type="text/css" href="style/kkpager_orange.css" />
</head>
<!--[if  !IE ]>
<style type="text/css">
#kkpager_btn_go {
	top:-16px  !important;
}
</style> <![endif]--> 
<!--使用说明 https://github.com/pgkk/kkpager -->
<body>
<div style="width:800px;margin:0 auto;">
<div id="kkpager"></div>
</div>
<script type="text/javascript">
function getParameter(name) { 
	var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 
	var r = window.location.search.substr(1).match(reg); 
	if (r!=null) return unescape(r[2]); return null;
}

//init
$(function(){
	var totalPage = 10;
	var totalRecords = 390;
	var pageNo = getParameter('pno');
	if(!pageNo){
		 pageNo = 1;
		//原本是实现无刷新跳转，我这是根据自己需求做的有刷新时跳转
		// 如：www.baidu.com/abcd/index.jhtml
	/*	let str=window.location.pathname;
		let two; // 第二个斜杠后内容
		let first = str.indexOf("/") + 1; 
		let heng = str.indexOf("/", first);
		if (heng == -1) {
			} else {
			  two = str.substring(heng).substring(1, str.length);
			}
		if(two=="index.jhtml"){  
			pageNo = 1;
		}else{
			pageNo = num;//num是根据自己要点击第几页写的
		}*/
	}
	//生成分页
	//有些参数是可选的，比如lang，若不传有默认值
	kkpager.generPageHtml({
		pno : pageNo,
		//总页码
		total : totalPage,
		//总数据条数
		totalRecords : totalRecords,
		mode : 'click',//默认值是link，可选link或者click
		click : function(n){
			this.selectPage(n);

			if(n==1){
				//原本是实现无刷新跳转，我这是根据自己需求做的有刷新时跳转
				//第一页写逻辑跳转
				// 如：window.location.href=......;
			}else{
				//除了第一页写逻辑跳转
			}
			return false;
		}
		
/*		,lang: {
			firstPageText			: '首页',
			firstPageTipText		: '首页',
			lastPageText			: '尾页',
			lastPageTipText			: '尾页',
			prePageText				: '上一页',
			prePageTipText			: '上一页',
			nextPageText			: '下一页',
			nextPageTipText			: '下一页',
			totalPageBeforeText		: '共',
			totalPageAfterText		: '页',
			currPageBeforeText		: '当前第',
			currPageAfterText		: '页',
			totalInfoSplitStr		: '/',
			totalRecordsBeforeText	: '共',
			totalRecordsAfterText	: '条数据',
			gopageBeforeText		: '&nbsp;转到',
			gopageButtonOkText		: '确定',
			gopageAfterText			: '页',
			buttonTipBeforeText		: '第',
			buttonTipAfterText		: '页'
		}*/
	});
});
</script>

</body>
</html>